.audio-play-page{
	position: absolute;
    width: 100%;
    bottom: -200Px;
    left: 0;
    padding: 50px 0;
	background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    text-align: center;
    transition: bottom .3s;
    z-index: 2011;

    &.active{
    	bottom: 0;
    }

    .audio-diy{
        display: flex;
        align-items: center;
        padding: 0 15px;

        .audio-btn{
            width: 43Px;
            height: 43Px;
            background-color: #F8DE4C;
            border-radius: 43Px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .audio-infos{
            flex: 1;
            font-size: 13Px;
            padding: 0 15Px;

            .ap-top{
            	display: flex;
            	align-items: center;
        	    margin: 0 auto 5Px;
                padding-right: 15Px;
        	    color: #666;

            	.left{
            		font-size: 15Px;
            		text-align: left;
            	}
            	.right{
            		padding: 0 10Px 0 15Px;
            		font-size: 26px;
            	}
            }
            .audio-progress-bar{
                display: flex;
                align-items: center;

                .progress-out{
                    flex: 1;
                    height: 3Px;
                    background-color: #F0F0F0;
                    border-radius: 3Px;

                    .progress-inner{
                        background-color: #F8DE4C;
                        border-radius: 3Px;
                        width: 0;
                        height: 3Px;
                        transition: width .5s;
                    }
                }
                .audio-duration{
                    padding-left: 15Px;
                    color: #999;
                }
            }
        }
    }
    .close-btn{
    	position: absolute;
	    top: 10Px;
	    right: 10Px;
    }
}